<!--无缝滚动-->
<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" >
        <title>无缝滚动</title>
        <style type="text/css">
        	#divbox{
        		width: 200px;
        		height: 100px;
        		margin: 0 auto;
        		border: red 5px solid;
        		overflow: hidden;
        	}
        	ul,li{
        		list-style-type: none;
        		margin: 0;
        	}
        </style>
    </head>
    <body>
<div id="divbox">
	<ul id="con1">
		<li>11111</li>
		<li>22222</li>
		<li>33333</li>
		<li>44444</li>
		<li>55555</li>
		<li>66666</li>
		<!--<li>77777</li>-->
		<!--<li>88888</li>-->
		<!--<li>99999</li>-->
	</ul>
	<ul id="con2"></ul>
</div>
    </body>
<script type="text/javascript">
	con2.innerHTML=con1.innerHTML;
	function scrollUp(){
		if(divbox.scrollTop >= con1.offsetHeight){
			divbox.scrollTop=0;
		}else{
			divbox.scrollTop++;
		}
	}
	var time=50;
	var myscroll= setInterval('scrollUp()',time);
	divbox.onmouseover=function(){
		clearInterval(myscroll);
	}
	divbox.onmouseout=function(){
		myscroll= setInterval('scrollUp()',time);
	}
</script>
</html>
